<template>
  <div class="bigDiv blueBg"></div>

  <div class="smallDiv regBg"></div>

  <span id="notice">卢高雅</span>

  <p>众里寻他千百度</p>
  <p class="boldFont">蓦然回首</p>
  <p>那人却在</p>
  <p>灯火阑珊处</p>
</template>

<script>
export default {
  name: "App8"
}
</script>
<!--
  至少需要掌握三个选择器

  类选择器   .类名
  ID选择器   #ID
  标签选择器  标签
-->
<style scoped>

.bigDiv{
  width: 300px;
  height: 300px;
}

.smallDiv{
  width: 150px;
  height: 150px;
}

.regBg{
  background-color: #1677b3;
}

.blueBg{
  background-color: #c1328e;
}

#notice {
  font-weight: bold;
  color: red;
}

.boldFont{
  font-weight: bold;
}

p{
  color: #646cff;
}

</style>